<!DOCTYPE html>
<html >
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0 , maximum-scale=1.0, user-scalable=0">
<head>
    <title>OvMeet-轻会议 技术QQ:1410919373</title>
    <link rel="stylesheet" type="text/css" href="css/video.css">
    <link rel="stylesheet" type="text/css" href="css/ionicons.min.css">

</head>
<body ng-app="videoCall"  ontouchstart>
<nav id="menu"  role="navigation">
    <div class="tabs">
        <div class="tab" ng-click="changeTab('m')" ng-class="{'active': activeTab == 'm'}">用户</div>
        <div class="tab" ng-click="changeTab('c')" ng-class="{'active': activeTab == 'c'}">
            聊天
            <span ng-class="{'badge-chat-show': unReadMessageCount > 0}" class="badge-chat">{{unReadMessageCount || ''}}</span>
        </div>
    </div>
    <div ng-show="activeTab == 'm'" class="members">
        <div class="list-group">
            <ul>
                <li  ng-class="{'active' : m.id == selectedMemberId}" ng-repeat-start="m in members">
                    <div ng-click="isModerator && selectMember(m.id)" class="picture">
                        <img ng-if="!m.status.video.screenShare" ng-src="{{m.avatar}}" />
                        <img ng-if="m.status.video.screenShare" src="./images/screenShare32.png"/>
                        <div ng-if="m.status.audio.talking" class="badge green">
                            <i class="ion-ios-pulse"></i>
                        </div>
                        <div ng-if="m.status.audio.muted" class="badge red">
                            <i class="ion-android-microphone-off"></i>
                        </div>
                        <div ng-if="m.status.audio.hand" class="badge green" ng-click="isModerator && openHand(m.id, $event)">
                            <i class="ion-android-hand"></i>
                        </div>
                    </div>
                    <div ng-click="isModerator && selectMember(m.id)" class="content">
                        <div class="title">{{m.name}}</div>
                        <div class="description">
                            <div class="location"><i class="fa fa-map-marker"></i>
                                <span>{{m.email || m.number}}</span>
                            </div>
                        </div>
                    </div>
                    <div class="footer">
                        <div ng-if="m.status.video.floor && m.status.video.floorLocked" class="info left red">
                            <i class="ion-locked"></i>
                            <span>主屏</span>
                        </div>
                        <div ng-if="m.status.video.floor && !m.status.video.floorLocked" class="info left blue">
                            <i class="ion-unlocked"></i>
                            <span>主屏</span>
                        </div>
                        <div ng-if="m.status.video.reservationID" class="info left orange">
                            <i class="ion-ios-crop"></i>
                            <span>{{m.status.video.reservationID | uppercase}}</span>
                        </div>
                        <div ng-if="m.status.video.screenShare" class="info left orange">
                            <i class="ion-monitor"></i>
                            <span>Screen Share</span>
                        </div>
                    </div>
                    <div class="functions">
                        <div ng-if="m.status.audio.hand" class="func" ng-click="isModerator && openHand(m.id, $event)">
                            <i class="ion-android-hand color-green"></i>
                        </div>

                        <div ng-click="isModerator && toggleMuteMic(m.id, $event)" class="func">
                            <i ng-class="{'ion-ios-mic-outline': m.status.audio.muted, 'ion-ios-mic color-green': !m.status.audio.muted}" ></i>
                        </div>
                        <!--ion-aperture-->
                        <div ng-click="isModerator && toggleMuteVid(m.id, $event)" class="func">
                            <i ng-class="{'ion-aperture': !m.status.videom, 'ion-ios-videocam-outline': m.status.video && m.status.video.muted, 'ion-ios-videocam color-green': m.status.video && !m.status.video.muted}" ></i>
                        </div>

                        <div ng-if="isModerator && canvasInfo.resIDS.length > 0" ng-click="openConvasMenu(m.id)" ng-class="{'open': dropdownOpened == m.id}"  class="dropdown">
                            <i class="dropbtn ion-ios-albums-outline color-green"></i>
                            <div class="dropdown-content right">
                                <a ng-click="confResId(m.id, c, $event)" ng-repeat="c in canvasInfo.resIDS" ng-class="{'selected': m.status.video.reservationID == c}" >{{c | uppercase}}</a>
                            </div>
                        </div>
                    </div>
                </li>

                <div ng-repeat-end="" ng-show="isModerator && m.id == selectedMemberId" class="details">

                    <div class="functions">
                        <div title="踢掉" ng-click="confKick(m.id, $event)" class="func">
                            <i class="ion-close-circled"></i>
                        </div>
                        <div title="主视频" ng-click="confSetVideoFloor(m.id, $event)" class="func">
                            <i class="ion-arrow-shrink"></i>
                        </div>
                        <div class="func">

                            <i class="ion-android-create toggle-hover">
                                <i ng-click="confBanner(m.id, $event)" title="设置显示" class="ion-ios-color-wand-outline up"></i>
                                <i ng-click="setBanner(m.id, 'reset')" title="清除显示" class="ion-ios-close-empty down"></i>
                            </i>

                        </div>
                        <div class="func">
                            <i class="ion-android-volume-down toggle-hover">
                                <i title="音量增大" ng-click="confChangeVolume(m.id, 'up', $event)" class="ion-arrow-up-b up"></i>
                                <i title="音量降低" ng-click="confChangeVolume(m.id, 'down', $event)" class="ion-arrow-down-b down"></i>
                            </i>
                        </div>
                        <div class="func">
                            <i class="ion-ios-pulse-strong toggle-hover">
                                <i title="上升增益" ng-click="confChangeGain(m.id, 'up', $event)" class="ion-arrow-up-b up"></i>
                                <i title="向下增益"  ng-click="confChangeGain(m.id, 'down', $event)" class="ion-arrow-down-b down"></i>
                            </i>
                        </div>
                    </div>
                </div>
            </ul>
        </div>
    </div>

    <div ng-show="activeTab == 'c'" class="chat">
        <div class="chat-data">
            <ul id="chatDataUl">
                <li class="clearfix" ng-repeat="message in messages">
                    <div class="message-data" ng-class="{'align-right': message.my}">
                        <span class="message-data-time">{{message.date}}</span> &nbsp; &nbsp;
                        <span class="message-data-name">{{message.fromDisplay || message.from}}</span>
                        <!--  <i class="ion-ios-pulse-strong"></i> -->
                    </div>
                    <div picturify ng-bind-html="message.message | linky:'_blank' "
                         ng-class="{'my-message': !message.my, 'other-message float-right': message.my}" class="message">

                    </div>
                </li>
            </ul>

        </div>
        <div class="chat-action">
            <div class="chat-message clearfix">
                <textarea ng-model="message" ng-keydown="($event.keyCode == 13 && $event.ctrlKey == true) && sendChat($event)" name="message-to-send" id="message-to-send" placeholder ="输入您的消息！" rows="1"></textarea>
                <button ng-click="sendChat($event)" class="btn">
                    <i class="ion-android-create"></i>
                </button>
            </div>
        </div>
    </div>
</nav>
<div class="page-wrap"  >
    <div class="admin-menu" ng-class="{'open-video-menu': initPage}">

        <div ng-show="isConf" class="admin-group">
            <a title="用户列表" class="btn">
                <i class="menu-toggle ion-ios-people"></i>
            </a>

            <a title="播放视频" ng-click="confPlayFile($event)" class="btn">
                <i class="ion-ios-film"></i>
            </a>

            <a ng-show="isModerator" title="停止视频" ng-click="confStopFile($event)" class="btn">
                <i class="ion-ios-film-outline" ng-class="{'color-green': isplay}"></i>
            </a>
            <!--<i class="ion-stop"></i>-->
            <a ng-show="isModerator" title="开始录制" ng-click="confStartRecord($event)" class="btn">
                <i class="ion-ionic"></i>
            </a>
            <a ng-show="isModerator" title="停止录制" ng-click="confStopRecord($event)" class="btn">
                <i class="ion-stop"  ng-class="{'color-green': isrecord}"></i>
            </a>
            <a title="文档列表" ng-click="openFilelist($event)" class="btn" >
                <i class="ion-folder"></i>
            </a>
            <a ng-show="isModerator" title="显示模式" ng-click="setLayout($event)" class="btn">
                <i class="ion-android-apps"></i>
                <a title="{{screenShareCall ? '关闭桌面共享' : '打开桌面共享'}}" ng-click="screenShare($event)" class="btn">
                    <i ng-class="{'color-green': screenShareCall}" class="ion-monitor"></i>
                </a>
                <a title="{{isFullScreen ? '关闭全屏' : '打开全屏'}}" ng-click="toggleFullScreen($event)" class="btn">
                    <i ng-class="{'ion-android-contract color-green': isFullScreen, 'ion-android-expand': !isFullScreen}" ></i>
                </a>

        </div>
    </div>

    <div class="video-menu" ng-class="{'open-video-menu': initPage}">
        <div class="btn-group">
            <!--
          <a ng-show="isConf && !isModerator" title="用户列表" class="btn">
              <i  class="menu-toggle ion-ios-people"></i>
          </a> -->
            <!--<i class="ion-ios-videocam-outline"></i>-->



            <a ng-show="isConf" title="审请发言" ng-click="myopenHand()" class="btn">
                <i  class="ion-android-hand" ng-class="{'color-green': ishand}" ></i>
            </a>
            <a title="{{ muteLocalAudio ? '打开麦克风' : '关闭麦克风' }}" ng-click="toggleMuteMic(null, $event)" class="btn" >
                <i ng-class="{'ion-ios-mic-outline': muteLocalAudio, 'ion-ios-mic color-green': !muteLocalAudio}"></i>
            </a>
            <!--<i class="ion-ios-mic-off"></i>-->
            <a title="{{muteLocalVideo ? '打开视频' : '关闭视频'}}" ng-click="toggleMuteVid(null, $event)" class="btn" >
                <i ng-class="{'ion-aperture': !useVideo, 'ion-ios-videocam-outline': useVideo && muteLocalVideo, 'ion-ios-videocam color-green': useVideo && !muteLocalVideo}"></i>
            </a>



            <a title="切换设像头" ng-click="setCamReverse()" class="btn btn-reverse">
                <i class="icon ion-ios-reverse-camera-outline"></i>
            </a>
            <a title="选择扬声器" class="btn">
                <select ng-model="data.audioDevice" size="1" autocomplete="off">
                    <option ng-repeat="d in audioOutDevices" value="{{d.id}}">{{d.label}}</option>
                </select>
                <i class="ion-headphone"></i>
            </a>
            <a title="设置" ng-click="setSystem()" class="btn">
                <i class="icon ion-ios-settings"></i>
            </a>
            </a>
            <a title="切换白板" ng-click="switchVideo($event)" class="btn">
                <i class="ion-ios-photos-outline"></i>
            </a>
            <a title="关闭小窗口" ng-click="closeMinwindow()" class="btn">
                <i class="icon ion-ios-photos"></i>
            </a>
            <a title="退出" ng-click="hangupCall()" class="btn btn-log-out" >
                <i class="icon ion-log-out"></i>
            </a>
        </div>
    </div>
    <div class="quit-menu" ng-class="{'open-video-menu': initPage}" style="display:none" >
        <div class="call-menu">
            <div class="right">
                <a title="Hangup call" ng-click="hangupCall()" class="btn btn-hangup-call">
                    <i class="ion ion-log-out"></i>
                </a>
            </div>

        </div>
    </div>

    <div id="wbb"  class="wbb">
        <iframe  id="iframeWbb" frameborder="0" scrolling="no" src="./wbb/index.html"  allowfullscreen="true" style="width: 100%;height: 100%;"></iframe>
    </div>

    <div id="container" ng-click="showtools()" class="container" ng-class="{'open-right': screenShareCall && !isConf && screenShareCallDirection == 'inbound'}" role="main">
        <video style="width: 100%;height: 100%;" id="remoteVideoLeft" ng-class="{'hide': !useVideo}" autoplay playsinline ></video>
    </div>
</div>
<modal-dialog show='dialogShown' dialog="modalDialog" dialog-title='My Dialog'>

</modal-dialog>

<script type="text/javascript" src="./ovmeet2-min.js"></script>

</body>
<script>

</script>
</html>